<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>东方物探研发中心问答系统</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{css/login.min.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=3.2.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
</head>
<style type="text/css">
    @charset "utf-8";
    body{font-family: "微软雅黑";background: #fff;background: url(../img/bg1.jpg) no-repeat center top; overflow: hidden}
    *{margin: 0; padding: 0;border: 0;}

    li{list-style: none;}
    a{text-decoration: none;}
    img{display: block;}

    button{outline: 0;cursor: pointer;}
    input{outline: 0;}

    input::-ms-input-placeholder{text-align: center;}
    input::-webkit-input-placeholder{text-align: center;}


    .container{width: 1000px;margin: 0 auto;}

    .clearfix:before,
    .clearfix:after {content: " ";display: table;}
    .clearfix:after {clear: both;}

    .fl{float: left;}
    .fr{float: right;}

    .login{position: absolute;top:0;bottom:0; left: 0;right: 0;margin:auto;width: 984px;height: 422px;}
    .login .logo{width: 538px;height: 190px;background: url(../img/dtxt_bg1.png) no-repeat center; margin-top: 12%;}
    .login .logo h2{font-size: 30px;line-height: 45px;color: #fff;text-align: center;font-weight: normal;}
    .login .input{width: 444px;height: 190px; margin-top: 3px; margin-top: 16%;}
    .login h3{font-size: 18px;font-weight: normal;color: #1b1b1b;line-height: 20px;margin-top: 58px;text-align: center;}
    .xxbs_input {width: 220px!important;margin: 6px 0 0!important; display: block;border-bottom: 1px #bcbcbc solid!important;text-indent: 5px!important;line-height: 35px!important;font-size: 14px!important;color: #7a7a7a!important;height: 35px!important; background-color: #fff0!important;}
    .login .red {color: #7A7A7A;display: block;text-align: center;font-size: 14px;line-height: 20px;padding-top: 20px;}
    .login .red input{width: 15px!important; display:inline!important;border: none!important;vertical-align: middle!important;margin: 0!important;}
    .login button{width: 86px;height: 61px;background: #264e8a;color: #fff;border-radius: 10px; position: relative; top: -60px; left: 305px;}
    .login span{text-align:center ;font-size: 14px;color: #cc0000 !important;display: block;margin-top: 15px;}
    .input span { float: left; font-size: 16px; color: #3c3c3c!important;}
</style>
<body>

<div class="signinpanel">
    <div class="row">
        <div>
            <form id="signupForm" class="login clearfix">
                <div class="logo fl">
                    <img src="../img/fg.png" style="margin: 23px 0 80px 475px"/>
                    <h2></h2>
                </div>
                <div class="input fl">

                    <span>用户名：</span><input type="text"     name="username" class="xxbs_input"     placeholder="用户名"   />
                    <span>密&emsp;码：</span><input type="password" name="password" class="xxbs_input"     placeholder="密码"    />

                    <div class="row m-t" th:if="${captchaEnabled==true}">
                        <div class="col-xs-6">
                            <input type="text" name="validateCode" class="" placeholder="验证码" maxlength="5" autocomplete="off">
                        </div>
                        <div class="col-xs-6">
                            <a href="javascript:void(0);" title="点击更换验证码">
                                <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                            </a>
                        </div>
                    </div>
                    <!--<div class="checkbox-custom" th:classappend="${captchaEnabled==false} ? 'm-t'">-->
                        <!--<input type="checkbox" class="red" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>-->
                    <!--</div>-->
                    <button class="" id="btnSubmit" data-loading="正在验证登录，请稍后...">登&emsp;录</br>ENTER</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="http://tajs.qq.com/stats?sId=62048022"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</body>
</html>
